<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title></title>
  <!-- 引入外部 CSS 样式 -->
  <link rel="stylesheet" type="text/css" href="/css/style.css">
</head>
<body>
  <!-- 引入顶部公共模块（top.ejs） -->
  <%- include("./include/top.ejs") %>

  <main>
    <!-- 横幅图片 -->
    <div class="banner">
      <img src="/images/1.jpg">
    </div>

    <!-- 容器：侧边栏 + 主内容 -->
    <div class="container">
      <!-- 侧边栏：快捷导航 -->
      <aside>
        <h2>快捷导航</h2>
        <ul>
          <li class="cur"><a href="/">公司简介</a></li>
          <li><a href="/product">产品中心</a></li>
          <li><a href="/news">新闻中心</a></li>
          <li><a href="/page/2">联系我们</a></li>
        </ul>
      </aside>

      <!-- 主内容：动态渲染页面标题和内容 -->
      <article class="main">
        <h2><%= pageContent[0].page_name %></h2>
        <%- pageContent[0].content %>
      </article>
    </div>
  </main>

  <!-- 引入底部公共模块（bottom.ejs） -->
  <%- include("./include/bottom.ejs") %>
</body>
</html>